<!DOCTYPE html>
<html lang="zh-hans">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="viewport" content="user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,width=device-width">

    <title>Robam Cooker</title>
    <link href="./lib/font/material-icons.css?family=Material+Icons" rel="stylesheet" type="text/css">
    <link href="./lib/css/animate.css" rel="stylesheet">
    <link href="./lib/css/quasar.css" rel="stylesheet" type="text/css">

  </head>
  <body>
    <div id="q-app">
      <!-- 

        ** 模板页面 **

       -->
      <h-flow 
        flows-url="/manager/admin/roleGroup/getProcessRoleGroups/3"
        value-field="roleGroupId"
        label-field="roleGroupName"
        options-url="/manager/new/roleGroup/getRoleGroupList"
        opt-value-field="id"
        opt-label-field="name"
        readonly
        @change="change"
      ></h-flow>
    </div>
    <script>
      window.quasarConfig = { 
       // your config here
         loadingBar: { //this takes QAjaxBar Props
             skipHijack: true // set like this
         }
     }
    </script>
    <!-- quasar and vue dep -->
    <script src="./lib/js/quasar.ie.polyfills.umd.min.js"></script>
    <script src="./lib/js/vue.js"></script>
    <script src="./lib/js/quasar.js"></script>
    <script src="./lib/js/i18n.zh-hans.umd.min.js"></script>
    <!-- vue validate -->
    <script src="./lib/js/vuelidate.min.js"></script>
    <script src="./lib/js/validators.min.js"></script>
    <!-- consts and utils -->
    <script src="./script/consts.js"></script>
    <script src="./script/utils.js"></script>
    <!-- qs for axios -->
    <script src="./lib/js/qs.min.js"></script>
    <!-- axios for http request -->
    <script src="./lib/js/axios.js"></script>
    <!-- axios.instance must be after axios -->
    <script src="./script/axios.instance.js"></script>
    <!-- vue-i18n for application's internationalization -->
    <script src="./lib/js/vue-i18n.js"></script>
    <!-- current page international file -->
    <script src="./lang/index.js"></script>
    <!-- 本地组件 -->
    <script src="./components/h-flow.js"></script>

    <script>
      Quasar.i18n.set(Quasar.i18n.zhHans)
      Vue.use(window.vuelidate.default)
      // window.quasarConfig = {
      //   loading: {
      //     isActive: true
      //   }
      // }
      // console.log(Quasar, 'Quasar')
      // console.log(window.quasarConfig, 'window.quasarConfig')
      new Vue({
        el: '#q-app',
        i18n: i18n,
        data: function () {
          return {
            version: Quasar.version,
          }
        },
        created: function() {
        },
        methods: {
          change(newV) {
            console.log(newV);
          }
        }
      })
    </script>
  </body>
</html>
